export default () => {
  // 搜索配置
  const searchOption = ref({
    formConfig: {
      // 成员姓名
      userName: {
        label: "成员姓名",
      },
      // 成员手机
      mobile: {
        label: "成员手机",
      },
      // 成员邮箱
      email: {
        label: "成员邮箱",
      },
      // 新增时间
      createTime: {
        label: "新增时间",
        component: "el-date-picker",
        type: "daterange",
        format: "YYYY-MM-DD",
        valueFormat: "YYYY-MM-DD",
      },
      // 编辑时间
      updateTime: {
        label: "编辑时间",
        component: "el-date-picker",
        type: "daterange",
        format: "YYYY-MM-DD",
        valueFormat: "YYYY-MM-DD",
      },
      // 操作人员
      updateName: {
        label: "操作人员",
      },
      // 成员角色
      roleId: {
        label: "成员角色",
        component: "el-select",
        clearable: true,
        placeholder: "请选择成员角色",
        dicUrl: Api.role.GetAllRoleList,
        dicProps: { label: "roleName", value: "id" },
      },
    },
  });

  // 表格配置
  const tableOption = ref(
    Utils.tools.deleteSearchConfig({
      // 弹窗宽度
      dialogWidth: "30%",
      // 是否显示编辑按钮
      editBtn: false,
      // 是否显示删除按钮
      delBtn: false,
      // 菜单宽度 单个按钮 52px 按钮容器内边距 8px 例如：4个按钮 = 52 * 4 * 8
      menuWidth: 52 * 3 + 8,
      // 对齐方式
      align: "left",
      // 表格配置
      column: {
        // 成员姓名
        userName: {
          label: "成员姓名",
          minWidth: 120,
          display: false,
          formatter: row => row.userName || "-",
        },
        // 成员手机
        mobile: {
          label: "成员手机",
          minWidth: 120,
          display: false,
          formatter: row => row.mobile || "-",
        },
        // 成员邮箱
        email: {
          label: "成员邮箱",
          minWidth: 180,
          display: false,
          formatter: row => row.email || "-",
        },
        // 成员角色
        roles: {
          label: "成员角色",
          minWidth: 170,
          display: false,
        },
        // 归属组织
        dept: {
          label: "归属组织",
          minWidth: 150,
          display: false,
          showOverflowTooltip: true,
          formatter: row => row.dept?.deptName || "-",
        },
        // 新增时间
        createTime: {
          label: "新增时间",
          minWidth: 180,
          display: false,
          formatter: row => row.createTime || "-",
        },
        // 编辑时间
        updateTime: {
          label: "编辑时间",
          minWidth: 180,
          display: false,
          formatter: row => row.updateTime || "-",
        },
        // 操作人员
        updateName: {
          label: "操作人员",
          minWidth: 120,
          align: "center",
          display: false,
          formatter: row => row.updateName || "-",
        },
      },
    })
  );

  return { searchOption, tableOption };
};
